<template>
	<view class="wrap">
		<view class="service-banner">
			<image class="" src="https://ff-cloud.oss-cn-beijing.aliyuncs.com/app/future/images/service02.png"></image>
		</view>
		<u-gap height="20" bg-color="#ffffff"></u-gap>
		<u-cell-group class="service-box">
			<u-cell icon="phone-fill" title="联系电话"  label="180xxxx5678" :arrow="true"></u-cell>
			<u-cell icon="weixin-circle-fill" title="官方微信"  label="识别二维码，关注官方微信" :arrow="true"></u-cell>
			<u-cell icon="qq-circle-fill" title="官方QQ"  label="xxxx" :arrow="true"></u-cell>
		</u-cell-group>
	</view>
</template>
<script>

</script>
<style lang="scss">
/* 联系客服开始 */
.service-banner{
	padding: 15px 15px 0;

	uni-image{
		height: 155px;
		width: 100%;
		border-radius: 8px;
	}
}
.service-box{
	padding:0 15px;

	.u-cell__left-icon-wrap .u-icon__icon{
		font-size: 32px!important;
	}
	.u-cell_title{
		border-left: 1px solid #d7d4d4;
		padding-left: 10px;
	}
	.uicon-phone-fill{
		color: #f3ae45;
	}
	.uicon-weixin-circle-fill{
		color: #36c956;
	}
	.uicon-qq-circle-fill{
		color: #23a0f0;
	}
	.u-cell{
		padding:10px!important;
		border-radius: 8px;
		border: 1px solid #e4e7ed!important;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
		margin: 0 0 15px;
	}
	.u-border-bottom:after {
	    border-bottom-width: 0px;
	}
	.u-border-top:after {
	    border-top-width: 0px;
	}
}
/* 联系客服结束 */
</style>
